<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>checkbox</title>
</head>

<body>
  <div id="root">
    <div>
      <!-- 单选框 一定要value设置一下 -->
      <label><input type="radio" value="先生" v-model='sex'>先生</label>
      <label><input type="radio" value="女士" v-model='sex'>女士</label>
    </div>
    <div>
      <!-- 下拉框 -->
      <select v-model="selected">
        <option>请选择</option>
        <option>HTML</option>
        <option>CSS</option>
        <option>JS</option>
      </select>

    </div>

  </div>
  <script src="./js/vue.js"></script>
  <script>
    const vm = new Vue({
      el: '#root',
      // 数据源 所有的数据初始化都在这里
      data: {
        sex: '先生',
        selected: '请选择'
      }
    })
  </script>
</body>

</html>